
<template>
	<div id="single-blog">
		<h1>{{blog.title}}</h1>
		<article>{{blog.content}}</article>
		<p>作者: {{blog.author}}</p>
		<p>分类:</p>
		<ul>
			<li v-for="category in blog.categories" :key="category">
				{{category}}
			</li>
		</ul>
	</div>
</template>
 
<script>
export default{
	name:"single-blog",
	data(){
		return{
			id:this.$route.params.id,
			blog:{}
		}
	},
	created(){
		this.$http.get('https://......awfuoz.wilddogio.com/posts/' + this.id + ".json")
		.then(function(data){
			return data.json();
		})
		.then(function(data){
			this.blog = data;
		})
	}
}
</script>
<style>
ul,li{
	list-style: none;
}
#single-blog{
	max-width: 960px;
	margin: 0 auto;
	padding: 20px;
	background: #eee;
	border: 1px dotted #aaa;
}
</style>
